<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:pm="http://primefaces.org/mobile" >
<f:view renderKitId="PRIMEFACES_MOBILE" />
  
<h:head>
<link href="/resources/css/estilosM.css" media="only screen" type="text/css" rel="stylesheet"/>
</h:head>

<h:body >
<pm:page id="wrapper">
   <p style="text-align: center;font-weight: bold;font-size: 1.7em;border-bottom: 1px solid #ddd;color: #2142EE;background-color: #FDE31E;text-shadow: none;font-family: Book Antiqua;">BIENVENIDO AL SISTEMA DE CONTROL DE PACIENTES PARA CONSULTORIOS ODONTOLÓGICOS</p>
 
   <h:form style="margin-top:80px">
   <p:commandButton value="Reserva de Citas" icon="ui-btn ui-icon-calendar ui-btn-icon-left ui-shadow ui-corner-all" iconPos="right" style="background-color: rgba(16, 15, 39, 0.45);color:rgba(243, 242, 242, 0.76);font-size: 19px" action="#{redirectBean.fromIndextoReservarCita}"/> 
   <p:commandButton value="Consultar Horario de Citas " icon="ui-btn ui-icon-edit ui-btn-icon-left ui-shadow ui-corner-all" iconPos="right" style="background-color: rgba(16, 15, 39, 0.45);color:rgba(243, 242, 242, 0.76);font-size: 19px" action="consHorarioCiMovil"/> 
   <p:commandButton value="Horario de Citas " icon="ui-btn ui-icon-edit ui-btn-icon-left ui-shadow ui-corner-all" iconPos="right" style="background-color: rgba(16, 15, 39, 0.45);color:rgba(243, 242, 242, 0.76);font-size: 19px" action="HorarioOdont" rendered="false" /> 
   <p:commandButton value="Perfil"  icon="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-user"  iconPos="right" style="background-color: rgba(16, 15, 39, 0.45);color:rgba(243, 242, 242, 0.76);font-size: 19px" action="consInformPerMovil"/> 
   <p:commandButton value="Mensajes" icon="ui-btn ui-icon-mail ui-btn-icon-left ui-shadow ui-corner-all" iconPos="right" style="background-color: rgba(16, 15, 39, 0.45);color:rgba(243, 242, 242, 0.76);font-size: 19px" action="enviarMenMovil"/>    
   <p:commandButton value="Salir" icon="ui-btn ui-icon-mail ui-btn-icon-left ui-shadow ui-corner-all" iconPos="right" style="background-color: rgba(16, 15, 39, 0.45);color:rgba(243, 242, 242, 0.76);font-size: 19px" action="loginMovil"/>
   <p:graphicImage ></p:graphicImage>
   </h:form> 
   <h:form>
   <p:graphicImage url="/resources/images/logo.jpg" style="width:80%; max-width:350px; margin-left:170px; margin-top:50px" ></p:graphicImage>
  </h:form>  
</pm:page>
</h:body>
</html>